<header class="main-box-header clearfix">
    <div class="pull-right">
        <button type="button" class="btn btn-warning"> <input class="checkbox check-all" type="checkbox"
                style="display: inline-block;margin-top: -2px;vertical-align: middle;"> 全选 </button>
        <!-- <button type="button" class="btn btn-warning"> <input class="checkbox check-all" type="checkbox" style="display: inline-block;margin-top: -2px;vertical-align: middle;"> 全选 </button> -->
        <button type="button" class="btn btn-primary addBtn" id="create_dataTable">
            <i class="fa fa-plus"></i> 添加 <span class="caret"></span>
        </button>
       
        <button class="btn btn-danger ajax-post confirm" url="http://testadmin.ksyuedu.com/admin/material/del.html"
            target-form="ids">删 除</button>
    </div>
    {include file="book/_pub_search" /}
</header>
<div class="main-box-body clearfix">
    {:widget('admin/Book/book', $book_id)}
    {:widget('admin/Book/cate', $cate_type)}
</div>

<!-- 数据 -->
<div class="dataTable" style="position: relative;background: #f9f9f9;">
    <table class="table table-hover table-bordered" style="width: 77%;margin-bottom:0;position: absolute;top: 0;left: 50%;
			margin-left: -39%;">
        <thead>
            <tr>
                <th width="30px">序号</th>
                <th width="28px">来源</th>
                <th width="85px">书名</th>
                <th width="38px">方案</th>
                <th width="30px">渠道</th>
                <th width="50px">时间</th>
                <th width="37px">消耗</th>
                <th width="34px">单点</th>
                <th width="28px">粉价</th>
                <th width="33px">付费率</th>
                <th width="38px">当日回收</th>
                <th width="38px">2日回收</th>
                <th width="38px">3日回收</th>
                <th width="46px">总回收</th>
                <th width="25x">评级</th>
                <th width="43px">文案编号</th>
                <th width="38px" style="padding: 8px 6px;">工号</th>
            </tr>
        </thead>
    </table>
    <div class="tableScroll" style="width: 78%;margin:0;margin: 0 auto;">
        <table class="table table-hover table-bordered" style="margin: 0;">
            <thead>
                <tr>
                    <th width="30px">序号</th>
                    <th width="38px">来源</th>
                    <th width="115px">书名</th>
                    <th width="55px">方案</th>
                    <th width="38px">渠道</th>
                    <th width="50px">时间</th>
                    <th width="37px">消耗</th>
                    <th width="34px">单点</th>
                    <th width="28px">粉价</th>
                    <th width="33px">付费率</th>
                    <th width="38px" style="padding: 8px 6px;">当日回收</th>
                    <th width="38px">2日回收</th>
                    <th width="38px">3日回收</th>
                    <th width="46px">总回收</th>
                    <th width="38px">评级</th>
                    <th width="38px">文案编号</th>
                    <th width="50px" style="padding: 8px 6px;">工号</th>
                </tr>
            </thead>
            <tbody class="tBody">
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
                <tr>
                    <td>999</td>
                    <td>来源</td>
                    <td>
                        <span style="display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;">
                            书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名书名
                        </span>
                    </td>
                    <td>测试</td>
                    </td>
                    <td>百度</td>
                    <td>2022.11</td>
                    <td>1568</td>
                    <td>0.56</td>
                    <td>6.2</td>
                    <td>7.5%</td>
                    <td>2500 <br> 67%</td>
                    <td>300 <br> +17%</td>
                    <td>150 <br> +5%</td>
                    <td>30000 <br> +107%</td>
                    <td>A</td>
                    <td>12345</td>
                    <td>刘馥铭</td>
                </tr>
            </tbody>
        </table>
        <div class="tDiv"></div>
    </div>
</div>

<!-- 数据 -->
<div class="modal fade" id="create-data-modal">
    <div class="modal-dialog" role="document" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
                <span style="font-size: 20px;"><span id="referralname">添加数据</span></span>
            </div>
            <div class="modal-body">
                <div data-bind="visible: loading" class="loading-panel" style="display: none;">
                    <i class="fa fa-spin fa-spinner"></i>
                </div>
                <form class="form-horizontal modelform">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">书名</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">来源</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">方案</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">渠道</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">消耗</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">单点</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">粉价</label></label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">付费率</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">当日回收</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">2日回收</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">3日回收</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">总回收</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">评级</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-sm-3">文案编号</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="createreferral" class="btn btn-primary ">提交</button>
            </div>
        </div>
    </div>
</div>